So the problem with this code is now the fetchBlogs call is client side rather than server side. We want the blogs to be found via SEO.

I don't think there is a way to both have fetchBlogs be client side AND have the loading spinner icon appear while blogs are loading. The BlogClientList component has to be client side in order to support useState and useEffect, and the loading spinner icon can't appear until the blogs have loaded, which can only be determined by useState and useEffect.

You know, if we are serving up the HTML with the server already having fetched the data, perhaps the loading spinner isn't necessary at all.

Actually, I may be able to do this with a Suspense. Hang on, let me try and see if I can do it that way.